<template>
  <el-dialog width="400px" v-model="dialogFormVisible" :draggable="true" @close="dialogClose">
    <template #title>

    </template>
    <div>
      {{ goodsForm }}
    </div>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="dialogFormVisible = false">关闭</el-button>
      </span>
    </template>
  </el-dialog>
</template>

<script>
import { reactive, toRefs } from 'vue'
export default {
  setup() {
    const state = reactive({
      dialogFormVisible: false,
      goodsForm: {},
    })

    function dialogShow(goodsInfo) {
      state.goodsForm = { ...goodsInfo }
      state.dialogFormVisible = true
    }

    function dialogClose() {

    }

    return {
      ...toRefs(state),
      dialogShow,
      dialogClose,
    }
  }
}
</script>

<style lang="scss" scoped>
</style>